<!DOCTYPE html>
<!-- 66.尚硅谷_css3_多列布局.wmv -->
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			
			#wrap{
				border: 1px solid;
				width: 600px;
				margin: 0 auto;
				/*column-width: 100px;*/
				column-count: 3;
				column-gap: 30px;
				column-rule: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
			城市套路深，我想回农村，农村路更滑，人心更复杂 城市套路深，我想回农村，农村路更滑，人心更复杂<br/>
		</div>
	</body>
</html>
